<div style="overflow-x: hidden;" xmlns="http://www.w3.org/1999/html">
    <div id="qhRiskLevelMapPolygonMap"></div>

    <div id="operatePanelButton" style="position: absolute;display: block;top: 100px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="operatePanelButtonImg" style='cursor:pointer;width: 31px;height: 31px;' title="文件上传" src="/fxpg/static/app/fxpg/fx_plugins/images/file_upload.jpg"><br/><span style='border:0;cursor:pointer;' >文件<br/>上传</span></p>
    </div>
    <div id="operatePanel" style="position: absolute;width: 350px;top: 50px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div id="button-closeForm" style="width:32px;height:32px;background: url('/fxpg/static/app/fxpg/fx_plugins/images/close_opanel.png') 8px no-repeat;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;" title="关闭" ></div>
                <div style="color: #ff0000;width: 300px;position: absolute;left: 20px;top: 10px;">请使用【CGCS2000】坐标系上传矢量数据(Shape文件)</div>
            </div>
            <div class="form-group">
                <label for="provinceSelect" class="col-md-4 control-label"></span>省:</label>
                <div class="col-md-8">
                    <select class="form-control" id="provinceSelect" name="provinceSelect" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect" class="col-md-4 control-label"></span>市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect" name="citySelect" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect" class="col-md-4 control-label"></span>区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect" name="areaSelect" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="extend10" class="col-md-4 control-label"></span>地震危险性:</label>
                <div class="col-md-8">
                    <select class="form-control" id="extend10" name="extend10" >
                        <option value="0">50年超越概率2%</option>
                        <option value="1">50年超越概率10%</option>
                        <option value="2">50年超越概率63%</option>
                        <option value="3">100年超越概率1%</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect" class="col-md-4 control-label"></span>等级图类型</label>
                <div class="col-md-8">
                    <select class="form-control" id="levelMapType" name="levelMapType" >
                        <option value="0">直接经济损失等级图</option>
                        <option value="1">死亡人口等级图</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal" style="margin-top: 20px;">
            <div class="form-group">
                <div class="col-md-4">
                    <input type="file" style="width: 70px;" id="button-selectfile" name="button-selectfile" multiple="multiple" accept=".shp,.dbf,.prj,.sbn,.sbx,.shp.xml,.shx,.tif" />
                </div>
                <div class="col-md-8">
                    <textarea rows="8" cols="20" class="form-control"  id="commentInfo" name="commentInfo" placeholder="导入多个文件时，文件名须相同" readonly/>
                </div>
                <div id="qhFieldInfoBtn" style="position: absolute;left: 20px;z-index: 100000;background-color: #FFFFFF;width: 60px;top:30px;">
                    <a><h5>字段说明</h5></a>
                </div>
            </div>
        </div>
        <!--
        <input type="button" class="btn btn-default" id="button-export" style="margin:5px;float:right;" value="下载" />
        -->
        <input type="button" class="btn btn-default" id="button-import" style="margin:5px;float:right;" value="上传" />
    </div>

    <div id="riskLevelMapPolygonLayers3" style="position: absolute;display: block;top: 180px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="riskLevelMapPolygonLayersImg2" style='cursor:pointer;width: 32px;height: 32px;' title="图层查询" src="/fxpg/static/app/fxpg/fx_plugins/images/layers_search.jpeg"><br/><span style='border:0;cursor:pointer;' >图层<br/>查询</span></p>
    </div>
    <div id="operatePanel3" style="position: absolute;width: 350px;top: 100px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="form-group">
            <div id="operatePanel3CloseBtn" style="width:32px;height:32px;background: url('/fxpg/static/app/fxpg/fx_plugins/images/close_opanel.png') 8px no-repeat;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;" title="关闭" ></div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="provinceSelect3" class="col-md-4 control-label"></span>省:</label>
                <div class="col-md-8">
                    <select class="form-control" id="provinceSelect3" name="provinceSelect3" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect3" class="col-md-4 control-label"></span>市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect3" name="citySelect3" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect3" class="col-md-4 control-label"></span>区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect3" name="areaSelect3" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="extend103" class="col-md-4 control-label"></span>地震危险性:</label>
                <div class="col-md-8">
                    <select class="form-control" id="extend103" name="extend103" >
                        <option value="0">50年超越概率2%</option>
                        <option value="1">50年超越概率10%</option>
                        <option value="2">50年超越概率63%</option>
                        <option value="3">100年超越概率1%</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="levelMapType3" class="col-md-4 control-label"></span>等级图类型</label>
                <div class="col-md-8">
                    <select class="form-control" id="levelMapType3" name="levelMapType3" >
                        <option value="0">直接经济损失等级图</option>
                        <option value="1">死亡人口等级图</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div class="col-md-8">
                    <button id="btnSearch3" class="btn btn-default" type="button">查询</button>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal" style="margin-top: 10px;max-height: 245px;">
            <div class="form-group">
                <div class="col-md-12">
                    <div id="affiliatedFileNameGrid3" style="max-height: 245px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div id="riskLevelMapPolygonLayers2" style="position: absolute;display: block;top: 260px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="riskLevelMapPolygonLayersImg" style='cursor:pointer;' title="图层管理" src="/fxpg/static/app/fxpg/fx_plugins/images/tucengoff.png"><br/><span style='border:0;cursor:pointer;' >图层<br/>管理</span></p>
    </div>
    <div id="operatePanel2" style="position: absolute;width: 350px;top: 110px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="form-group">
            <div id="operatePanel2CloseBtn" style="width:32px;height:32px;background: url('/fxpg/static/app/fxpg/fx_plugins/images/close_opanel.png') 8px no-repeat;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;" title="关闭" ></div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="provinceSelect2" class="col-md-4 control-label"></span>省:</label>
                <div class="col-md-8">
                    <select class="form-control" id="provinceSelect2" name="provinceSelect2" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect2" class="col-md-4 control-label"></span>市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect2" name="citySelect2" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect2" class="col-md-4 control-label"></span>区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect2" name="areaSelect2" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="extend102" class="col-md-4 control-label"></span>地震危险性:</label>
                <div class="col-md-8">
                    <select class="form-control" id="extend102" name="extend102" >
                        <option value="0">50年超越概率2%</option>
                        <option value="1">50年超越概率10%</option>
                        <option value="2">50年超越概率63%</option>
                        <option value="3">100年超越概率1%</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect" class="col-md-4 control-label"></span>等级图类型</label>
                <div class="col-md-8">
                    <select class="form-control" id="levelMapType2" name="levelMapType2" >
                        <option value="0">直接经济损失等级图</option>
                        <option value="1">死亡人口等级图</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div class="col-md-8">
                    <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal" style="margin-top: 10px;max-height: 245px;">
            <div class="form-group">
                <div class="col-md-12">
                    <div id="affiliatedFileNameGrid2" style="max-height: 245px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div id="qhFieldInfo" style="position: absolute;left: 140px;z-index: 100000;background-color: #FFFFFF;top: 300px;width: 600px;height: 100px;display: none;">
        <div id="qhFieldInfoClose" style="right: -570px;position: relative;"><a><h5>关闭</h5></a></div>
        <div id="qhFieldInfoGrid" style="height: 100px;"></div>
    </div>

    <!--
    <div style="position:absolute;right: 15px;bottom: 15px;z-index: 1000;width: 410px;height: 40px;background-color: #FFFFFF;">
        <div style="position:absolute;width: 70px;height: 50%;right: 330px;top: 1px;background-color: #A87001;">
            <div style="top: 20px;position: absolute;left: 28px;">1</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 250px;top: 1px;background-color: #DF9E66;">
            <div style="top: 20px;position: absolute;left: 28px;">2</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 170px;top: 1px;background-color: #F6C568;">
            <div style="top: 20px;position: absolute;left: 28px;">3</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 90px;top: 1px;background-color: #FFEABD;">
            <div style="top: 20px;position: absolute;left: 28px;">4</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 10px;top: 1px;background-color: #FFFFBF;">
            <div style="top: 20px;position: absolute;left: 28px;">5</div>
        </div>
    </div>
    -->


    <div id="casualty" style="position:absolute;right: 15px;bottom: 15px;z-index: 1000;width: 150px;height: 220px;background-color: #FFFFFF;border: 1px solid #8f8f8f;display: none;">
        <div style="position:absolute;left: 20px;top: 8px;"><h4>图例</h4></div>
        <div style="position: absolute;top:50px;width: 80px;left: -10px;">
            <div style="position:absolute;left: 30px;top: -20px;width: 110px;">
                <h6>死亡人口等级值</h6>
            </div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 20px;background-color: #B2001F;"></div>
            <div style="position:absolute;left: 120px;top: 20px;">1</div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 47px;background-color: #DF0029;"></div>
            <div style="position:absolute;left: 120px;top: 47px;">2</div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 75px;background-color: #EE7C6B;"></div>
            <div style="position:absolute;left: 120px;top: 75px;">3</div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 103px;background-color: #F5A89A;"></div>
            <div style="position:absolute;left: 120px;top: 103px;">4</div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 131px;background-color: #FCDAD5;"></div>
            <div style="position:absolute;left: 120px;top: 131px;">5</div>
        </div>
    </div>

    <div id="economic" style="position:absolute;right: 15px;bottom: 15px;z-index: 1000;width: 150px;height: 220px;background-color: #FFFFFF;border: 1px solid #8f8f8f;">
        <div style="position:absolute;left: 20px;top: 8px;"><h4>图例</h4></div>
        <div style="position: absolute;top:50px;width: 80px;left: -10px;">
            <div style="position:absolute;left: 30px;top: -20px;width: 110px;">
                <h6>直接经济损失等级值</h6>
            </div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 20px;background-color: #DF0029;"></div>
            <div style="position:absolute;left: 120px;top: 20px;">1</div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 47px;background-color: #EE7C6B;"></div>
            <div style="position:absolute;left: 120px;top: 47px;">2</div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 75px;background-color: #FFF56F;"></div>
            <div style="position:absolute;left: 120px;top: 75px;">3</div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 103px;background-color: #FFFBC2;"></div>
            <div style="position:absolute;left: 120px;top: 103px;">4</div>
            <div style="position:absolute;width: 70px;height: 15px;left: 30px;top: 131px;background-color: #FFFDE8;"></div>
            <div style="position:absolute;left: 120px;top: 131px;">5</div>
        </div>
    </div>


</div>
<style>
    .tabTitle ul{ overflow: hidden; _height:1px; margin-left: -12px;}
    .tabTitle ul li{ float: left; border: 1px solid #abcdef; border-bottom: none; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 3px; cursor:pointer;}
    .current{ background: #abcdef; color:#fff;}
    .tabContent div{ height: 250px; margin-top: -13px;}

    .qhDrillInfoTabTitle ul{ overflow: hidden; _height:1px; margin-left: 1px;}
    .qhDrillInfoTabTitle ul li{ float: left; border: 1px solid #abcdef; border-bottom: none; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 3px; cursor:pointer;}
    .qhDrillInfoContent { height: 200px; margin-top: 1px;}
    .qhDrillInfoTabCurrent{ background: #66adff !important; color:#fff;}
</style>